<!doctype html>
<html lang="en" style="font-size: 192px;" class="light-themes">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <!-- 在 public/index.html 的 head 标签中添加 -->
    <script type="text/javascript" src="https://webapi.amap.com/maps?v=2.0&key=059f6dad94f36a825dfc60e656175bb1"></script>
    <script type="text/javascript" src="https://webapi.amap.com/ui/1.1/main.js"></script>
    <title>未来之星-赛艇</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.ts"></script>
  </body>
  <script>
    // 动态计算根元素字体大小（以设计稿宽度 1920px 为例）
    function setRemUnit() {
      const designWidth = 1920; // 设计稿宽度
      const remUnit = 100; // 1rem = 100px（设计稿中）
      const screenWidth = window.innerWidth || document.documentElement.clientWidth;
      const fontSize = (screenWidth / designWidth) * remUnit;
      document.documentElement.style.fontSize = fontSize + 'px';
    }

    // 初始化及窗口大小变化时重新计算
    setRemUnit();
    window.addEventListener('resize', setRemUnit);
  </script>
</html>
